<template>
  <div>
    <van-nav-bar title="标题" left-text="返回" left-arrow>
      <template #left>
        <van-icon class="iconfont iconnew" size="50px" color="#fff" />
      </template>
      <template #title>
        <div class="navSearch">
          <van-icon name="search" size="18" color="#fff" />
          <span>搜索商品</span>
        </div>
      </template>
      <template #right>
        <van-icon name="search" size="18" />
      </template>
    </van-nav-bar>
  </div>
</template>

<script>
export default {};
</script>

<style lang="less" scoped>
/deep/.van-nav-bar {
  background-color: #ff0000;
  .van-nav-bar__title {
    width: 60%;
    .navSearch {
      width: 100%;
      background-color: rgba(255, 255, 255, 0.5);
      color: #fff;
    }
  }
}
</style>